<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 实现一个myForEach方法达到内置forEach效果
      // var arr = ["张三", "李四", "王五"];
      //   function myForEach(arr, fn) {
      //     for (i = 0; i < arr.length; i++) {
      //       fn(arr[i], i, arr);
      //     }
      //   }
      //   myForEach(arr, function (itme, key, arr) {
      //     console.log(itme, key, arr);
      //   });
      //   实现一个myEvery方法达到内置every效果
      // var arr = [true, true, false];
      // var a = true;
      // function myEvery(arr, fn) {
      //   for (i = 0; i < arr.length; i++) {
      //     var res = fn(arr[i], i, arr);
      //     a = res && arr[i];
      //   }

      //   return a;
      // }
      // var res = myEvery(arr, function (item, key, arr) {
      //   return item;
      // });
      // console.log(res);
      //       实现一个电子钟：都是汉字中文 显示年月日 时分秒

      // 1.10-20 之间 十一 、 十二、十三 。。。。

      // 20 以后 二十一 二十二 二十三 ....
      // 3.20,30,40 50... 二十 三十 四十

      // 4.不需要考虑 60以上
      // function getYear(year) {
      //   var arr = [
      //     "零",
      //     "一",
      //     "二",
      //     "三",
      //     "四",
      //     "五",
      //     "六",
      //     "七",
      //     "八",
      //     "九",
      //     "十",
      //   ];
      //   var a = parseInt(year / 1000);
      //   var b = parseInt((year % 1000) / 100);
      //   var c = parseInt((year % 1000) / 10);
      //   var d = parseInt(year % 10);
      //   return `${arr[a]}${arr[b]}${arr[c]}${arr[d]}`;
      // }

      // function getMonth(month) {
      //   var arr = [
      //     "一",
      //     "二",
      //     "三",
      //     "四",
      //     "五",
      //     "六",
      //     "七",
      //     "八",
      //     "九",
      //     "十",
      //     "十一",
      //     "十二",
      //   ];
      //   var a = month;
      //   return `${arr[a]}`;
      // }

      // function getHours(time) {
      //   var arr = [
      //     "零",
      //     "一",
      //     "二",
      //     "三",
      //     "四",
      //     "五",
      //     "六",
      //     "七",
      //     "八",
      //     "九",
      //     "十",
      //   ];
      //   if (time <= 10) {
      //     return arr[time];
      //   } else if (time % 10 == 0) {
      //     var a = parseInt(time / 10);
      //     return `${arr[a]}十`;
      //   } else if (time > 10 && time < 20) {
      //     var b = time % 10;
      //     return `十${arr[b]}`;
      //   } else {
      //     var a = parseInt(time / 10);
      //     var b = time % 10;
      //     return `${arr[a]}十${arr[b]}`;
      //   }
      // }

      // function fn() {
      //   var time = new Date();
      //   var year = time.getFullYear();
      //   var month = time.getMonth();
      //   var date = time.getDate();
      //   var hour = time.getHours();
      //   var minute = time.getMinutes();
      //   var second = time.getSeconds();
      //   var str = `现在时间是${getYear(year)}年${getMonth(month)}月${getHours(
      //     date
      //   )}日${getHours(hour)}时${getHours(minute)}分${getHours(second)}秒`;

      //   document.body.innerHTML = str;
      // }
      // setInterval(function () {
      //   fn();
      // }, 1000);
      // 实现一个时钟
//       <!DOCTYPE html>
// <html lang="en">
//   <head>
//     <meta charset="UTF-8" />
//     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
//     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
//     <title>Document</title>
//     <style>
//       .oclick {
//         width: 500px;
//         height: 500px;
//         border: 1px solid black;
//         border-radius: 50%;
//         margin: 0 auto;
//         position: relative;
//       }
//       .second {
//         width: 2px;
//         height: 250px;
//         background-color: red;
//         position: absolute;
//         left: 50%;

//         transform: rotate(0deg);
//         transform-origin: center bottom;
//         border-radius: 1px;
//       }
//       .minute {
//         width: 4px;
//         height: 220px;
//         background-color: black;
//         position: absolute;
//         left: 50%;
//         top: 30px;
//         transform-origin: center bottom;
//         transform: rotate(0deg);
//         border-radius: 2px;
//       }
//       .hour {
//         width: 5px;
//         height: 180px;
//         background-color: blue;
//         position: absolute;
//         left: 50%;
//         top: 70px;
//         transform-origin: center bottom;
//         transform: rotate(0deg);
//         border-radius: 3px;
//       }
//     </style>
//   </head>
//   <body>
//     <div class="oclick">
//       <div class="second"></div>
//       <div class="minute"></div>
//       <div class="hour"></div>
//       <script>
//         var secondEle = document.getElementsByClassName("second")[0];
//         var minuteEle = document.getElementsByClassName("minute")[0];
//         var hourEle = document.getElementsByClassName("hour")[0];
//         function fn() {
//           var time = new Date();
//           var second = time.getSeconds();
//           // var minute = time.getMinutes();
//           // var hour = time.getHours();
//           var deg = 360 / (60 / second);
//           // var deg1 = 360 / (60 / minute);
//           // var deg2 = 360 / (12 / hour);

//           secondEle.style.transform = `rotate(${deg}deg)`;
//           // minuteEle.style.transform = `rotate(${deg1}deg)`;
//           // hourEle.style.transform = `rotate(${deg2}deg)`;
//         }
//         function fn1() {
//           var time = new Date();
//           var minute = time.getMinutes();
//           var deg1 = 360 / (60 / minute);
//           minuteEle.style.transform = `rotate(${deg1}deg)`;
//         }
//         function fn2() {
//           var time = new Date();
//           var hour = time.getHours();
//           var deg2 = 360 / (12 / hour);
//           hourEle.style.transform = `rotate(${deg2}deg)`;
//         }
//         fn();
//         setInterval(function () {
//           fn();
//         }, 1000);
//         fn1();
//         setInterval(function () {
//           fn1();
//         }, 60000);
//         fn2();
//         setInterval(function () {
//           fn2();
//         }, 3600000);
         </script>
//     </div>
//   </body>
// </html>
